<template>
  <page-container>
    <a-card>
      <div class="form-container">
        <a-form
          id="formLogin"
          ref="formLogin"
          :form="form"
        >
          <a-row>
            <a-col :span="24">
              <a-form-item
                label="营销代码:"
                :colon="false"
                :wrapper-col="{ span: 18 }"
                :label-col="{ span: 4 }"
                required
              >
                <a-input
                  v-decorator.trim="[
                    'email',
                    {
                      initialValue: currentUser.email,
                      rules: [
                        formRules.email('Incorrect email invalid')
                      ],
                      validateTrigger: 'change'
                    }
                  ]"
                  type="text"
                  placeholder="Email"
                />
              </a-form-item>
            </a-col>

            <a-col :span="24">
              <a-form-item
                label="创建时间:"
                :colon="false"
                :wrapper-col="{ span: 18 }"
                :label-col="{ span: 4 }"
                required
              >
                <a-input
                  v-decorator.trim="[
                    'email',
                    {
                      initialValue: currentUser.email,
                      rules: [
                        formRules.email('Incorrect email invalid')
                      ],
                      validateTrigger: 'change'
                    }
                  ]"
                  type="text"
                  placeholder="Email"
                />
              </a-form-item>
            </a-col>

            <a-col :span="24">
              <a-form-item
                label="三方公司:"
                :colon="false"
                :wrapper-col="{ span: 18 }"
                :label-col="{ span: 4 }"
                required
              >
                <a-input
                  v-decorator.trim="[
                    'email',
                    {
                      initialValue: currentUser.email,
                      rules: [
                        formRules.email('Incorrect email invalid')
                      ],
                      validateTrigger: 'change'
                    }
                  ]"
                  type="text"
                  placeholder="Email"
                />
              </a-form-item>
            </a-col>
            <a-col :span="24">
              <a-form-item
                label="来源链接:"
                :colon="false"
                :wrapper-col="{ span: 18 }"
                :label-col="{ span: 4 }"
                required
              >
                <a-input
                  v-decorator.trim="[
                    'email',
                    {
                      initialValue: currentUser.email,
                      rules: [
                        formRules.email('Incorrect email invalid')
                      ],
                      validateTrigger: 'change'
                    }
                  ]"
                  type="text"
                  placeholder="Email"
                />
              </a-form-item>
            </a-col>

            <a-col :span="24">
              <a-form-item
                label="利息优惠折扣%:"
                :colon="false"
                :wrapper-col="{ span: 18 }"
                :label-col="{ span: 4 }"
                required
              >
                <a-input
                  v-decorator.trim="[
                    'email',
                    {
                      initialValue: currentUser.email,
                      rules: [
                        formRules.email('Incorrect email invalid')
                      ],
                      validateTrigger: 'change'
                    }
                  ]"
                  type="text"
                  placeholder="Email"
                />
              </a-form-item>
            </a-col>

            <a-col :span="24">
              <a-form-item
                label="手续费优惠折扣:"
                :colon="false"
                :wrapper-col="{ span: 18 }"
                :label-col="{ span: 4 }"
                required
              >
                <a-input
                  v-decorator.trim="[
                    'email',
                    {
                      initialValue: currentUser.email,
                      rules: [
                        formRules.email('Incorrect email invalid')
                      ],
                      validateTrigger: 'change'
                    }
                  ]"
                  type="text"
                  placeholder="Email"
                />
              </a-form-item>
            </a-col>

            <a-col :span="24">
              <a-form-item
                label="额度系数:"
                :colon="false"
                :wrapper-col="{ span: 18 }"
                :label-col="{ span: 4 }"
                required
              >
                <a-input
                  v-decorator.trim="[
                    'email',
                    {
                      initialValue: currentUser.email,
                      rules: [
                        formRules.email('Incorrect email invalid')
                      ],
                      validateTrigger: 'change'
                    }
                  ]"
                  type="text"
                  placeholder="Email"
                />
              </a-form-item>
            </a-col>

            <a-col :span="24">
              <a-form-item
                label="额度上限:"
                :colon="false"
                :wrapper-col="{ span: 18 }"
                :label-col="{ span: 4 }"
                required
              >
                <a-input
                  v-decorator.trim="[
                    'email',
                    {
                      initialValue: currentUser.email,
                      rules: [
                        formRules.email('Incorrect email invalid')
                      ],
                      validateTrigger: 'change'
                    }
                  ]"
                  type="text"
                  placeholder="Email"
                />
              </a-form-item>
            </a-col>
          </a-row>
          <!-- <a-form-item
            label="Email:"
            :colon="false"
            required
          >
            <a-input
              v-decorator.trim="[
                'email',
                {
                  initialValue: currentUser.email,
                  rules: [
                    formRules.email('Incorrect email invalid')
                  ],
                  validateTrigger: 'change'
                }
              ]"
              type="text"
              placeholder="Email"
            />
          </a-form-item>

          <a-form-item
            label="Verification code:"
            :colon="false"
            class="a-form-item-send-code"
          >
            <a-input-search
              v-decorator.trim="[
                'code',
                {
                  rules: [
                    formRules.len({ len: 6 }, 'Incorrect code invalid'),
                  ],
                  validateTrigger: 'change'
                }
              ]"
              type="text"
              placeholder="Verification code"
              @search="sendEmailCode"
            >
              <a-button
                slot="enterButton"
                class="font-color"
                :disabled="isSendCode"
              >
                {{ codeText }}
              </a-button>
            </a-input-search>
          </a-form-item> -->
        </a-form>
      </div>
    </a-card>
  </page-container>
</template>

<script>
import form from './form'
import { email } from '@/utils/mixins/sendCode'
import formRules from '@/utils/form/rules'
import { mapGetters } from 'vuex'

export default {
  mixins: [form, email],

  data () {
    return {
      formRules,
    }
  },

  computed: {
    ...mapGetters(['currentUser']),
  },
}
</script>

<style lang="scss" scoped>
.form-container {
  .ant-form-item {
  }
}
</style>
